<template>
    <div 
        id="admin-content"
        class="content"
        :style="{
            marginLeft: asideWidth,
            marginRight: bHelper ? helperWidth : 0,
            marginBottom: footerHeight
        }">
        <!-- <admin-header v-show="showHeader"></admin-header> -->
        <admin-header v-show="showHeader"></admin-header>
        <router-view
            :class="{
                'padding-all': bHelper
            }"
            style="padding-bottom: 0 !important">
        </router-view>
    </div>
</template>
<script>
// mapState
import { mapState } from 'vuex'

// custom component
import AdminHeader from '@/admin/components/Header'

export default {
    name: 'admin-content',
    data() {
        return {
            headerNamespaced: 'adminShell/adminHeader'
        }
    },
    components: {
        AdminHeader
    },
    computed: {
        ...mapState('adminShell/adminSidebar', ['asideWidth']),
        ...mapState('adminShell/adminHelper', ['helperWidth']),
        ...mapState('adminShell/adminHeader', ['showHeader']),
        ...mapState('adminShell/adminFooter', ['footerHeight']),
        ...mapState('adminShell/adminHelper', {
            bHelper: 'bShow'
        })
    },
    methods: {}
}
</script>
<style lang="less" scoped>
@import '~@/assets/style/theme/index';
</style>